Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ name, description }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "name": "Brows and Lashes", "description": "", "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "link": { "type": "text", "value": "/eyelash-lift/" }, "name": { "type": "text", "value": "Keratin Lash Lift Treatment" }, "price": { "type": "number", "value": "170" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511498296/menu/eyelash-lift/IMG_3231.jpg", "ratio": "", "width": "2250", "format": "jpg", "height": "2250", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511498296, "publicId": "menu/eyelash-lift/IMG_3231", "createdAt": "2017-11-24T04:38:16Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/eyelash-lift/IMG_3231.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511496020/menu/eyelash-lift/File_Oct_08_8_27_18_PM.jpg", "ratio": "", "width": "2250", "format": "jpg", "height": "2250", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511496020, "publicId": "menu/eyelash-lift/File_Oct_08_8_27_18_PM", "createdAt": "2017-11-24T04:00:20Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/eyelash-lift/File_Oct_08_8_27_18_PM.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "60" }, "linkText": { "type": "text", "value": "Learn more about Yumi Lashes" }, "serviceId": { "type": "text", "value": "6UEROVRIIEAZ2KLNJDOE5SVR" }, "highlights": { "type": "text", "value": "This treatment is fundamentally different from all previously known procedures for the eyelashes such as eyelash extensions or eyelash perm. It is a unique keratin-based lash-enhancement technology. It is an advanced technique and treatment designed to boost and lift the natural eyelash without the need for fake eyelashes and was created as a luxurious alternative to eyelash extensions, fake eyelashes, false lashes and growth serums." }, "rteHighlights": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This treatment is fundamentally different from all previously known procedures for eyelashes, such as eyelash extensions or eyelash perms. It is a unique, keratin-based lash-enhancement technology that boosts and lifts the natural eyelash without the need for fake eyelashes. It was created as a luxurious alternative to eyelash extensions, fake eyelashes, false lashes, and growth serums. This advanced technique and treatment can provide a beautiful result.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Yumi Lashes" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Brow Lamination (Lift)" }, "price": { "type": "number", "value": "100" }, "images": { "type": "cloudinary-media-selector", "value": [] }, "duration": { "type": "text", "value": "45" }, "serviceId": { "type": "text", "value": "N4KRNFGGO76DUFNHY54SUQWY" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This new trending treatment is recommended for people trying to achieve fuller and thicker “feathered” brows. The hairs are placed up and out while also relaxing them to lay flat on the skin. This treatment alone takes 45 mins. When you add it on to your lash lift treatment the total time is 1 hr and 30 mins for both services. The brow lift effect lasts for up to 6 weeks. Please check out some before and afters to see if this treatment is right for you!", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Brow Lift" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Keratin Lash Lift treatment + Brow Lamination Combo" }, "price": { "type": "number", "value": "260" }, "duration": { "type": "text", "value": "60" }, "serviceId": { "type": "text", "value": "WQUF42D2OLIX74C373QNZXSI" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Save $10 when you book this combo of lashes and brows! Combine your Yumi Keratin Eyelash lift and Yumi Brow Lift (lamination).", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Lash + Brow Lift Combo" } } } ] }, "parameters": { "name": { "type": "text", "value": "Brows and Lashes" }, "description": { "type": "text", "value": "" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ name }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "name": "First-time Facial treatments", "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "First-time customer Skinnovation special facial" }, "price": { "type": "number", "value": "275" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511500651/menu/visia/visia1.jpg", "ratio": "", "width": "784", "format": "jpg", "height": "484", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511500651, "publicId": "menu/visia/visia1", "createdAt": "2017-11-24T05:17:31Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/visia/visia1.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511500689/menu/visia/visia3.jpg", "ratio": "", "width": "1000", "format": "jpg", "height": "497", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511500689, "publicId": "menu/visia/visia3", "createdAt": "2017-11-24T05:18:09Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/visia/visia3.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511500651/menu/visia/visia2.jpg", "ratio": "", "width": "450", "format": "jpg", "height": "400", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511500651, "publicId": "menu/visia/visia2", "createdAt": "2017-11-24T05:17:31Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/visia/visia2.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "120" }, "serviceId": { "type": "text", "value": "E526V4J2EVEZ7TAC6VDZRQK3" }, "pricingNotes": { "type": "text", "value": "Includes consultation and esthetician choice of facial." }, "rteHighlights": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This treatment includes:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 } ], "direction": "ltr" }, { "tag": "ul", "type": "list", "start": 1, "format": "", "indent": 0, "version": 1, "children": [ { "type": "listitem", "value": 1, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Consultation and esthetician choice of facial (Hydrafacial (GlowGetter), DMK (Level 1), or Foundational Personalized, Foundational Advanced", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 2, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Personalized skin prescription/analysis", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "listType": "bullet", "direction": "ltr" } ], "direction": "ltr" } } }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Start with a detailed skin analysis report leveraging a state-of-the-art machine, go through product recommendations and get a recommended skincare routine and a data-driven treatment plan and finish off with a cleansing exfoliation mask.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "First-time DMK client facial (signature enzyme therapy)" }, "price": { "type": "number", "value": "245" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511500651/menu/visia/visia1.jpg", "ratio": "", "width": "784", "format": "jpg", "height": "484", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511500651, "publicId": "menu/visia/visia1", "createdAt": "2017-11-24T05:17:31Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/visia/visia1.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511500689/menu/visia/visia3.jpg", "ratio": "", "width": "1000", "format": "jpg", "height": "497", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511500689, "publicId": "menu/visia/visia3", "createdAt": "2017-11-24T05:18:09Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/visia/visia3.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511500651/menu/visia/visia2.jpg", "ratio": "", "width": "450", "format": "jpg", "height": "400", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511500651, "publicId": "menu/visia/visia2", "createdAt": "2017-11-24T05:17:31Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/visia/visia2.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "90" }, "serviceId": { "type": "text", "value": "AJWBBZ6SNLIQRWQWV2UK5GKR" }, "highlights": { "type": "text", "value": "Available only for first-time DMK clients." }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Experience the magic of the DMK enzyme mask including a pre-treatment and 30 days’ worth of products. DMK enzyme mask was created to mimic your natural skin enzyme activity to bring your skin to a state of balance and boost the physiological function of your skin.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "First-time DMK client facial" } } } ] }, "parameters": { "name": { "type": "text", "value": "First-time Facial treatments" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ link, name, linkText, rteHighlights, rteDescription }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "link": "/hydrafacial/", "name": "HYDRAFACIAL™", "linkText": "Learn more about HYDRAFACIAL™", "rteHighlights": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "tag": "h3", "type": "heading", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "What Makes Our Hydrafacial Treatments Unique?", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "tag": "ul", "type": "list", "start": 1, "format": "", "indent": 0, "version": 1, "children": [ { "type": "listitem", "value": 1, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Cleanse and Peel:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " We remove dull and lifeless skin cells to reveal new skin.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 2, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Extract and Hydrate:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " Using a gentle peel, we loosen dirt and debris from clogged pores and hydrate the skin with personalized serums.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 3, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "LED Therapy:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " During your mask treatment, LED therapy can reduce inflammation, brighten skin, and stimulate collagen and elastin production.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 4, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Fuse and Protect:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " We saturate the skin's surface with antioxidants and peptides to maximize your glow. Choose a personalized regime of products to protect and maintain your results.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "listType": "bullet", "direction": "ltr" } ], "direction": "ltr" } }, "rteDescription": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Known for delivering immediate results for a variety of skin conditions - the LED HydraFacial is a must-try for people who are looking to achieve the best skin of their life! Perfect before an event or special occasion. Hydrafacial is safe for everyone to use, it’s non-irritating, non-invasive and there is no downtime! Get your glow on!", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "GloGetter Level 1 HydraFacial treatment" }, "price": { "type": "number", "value": "235" }, "duration": { "type": "text", "value": "60" }, "serviceId": { "type": "text", "value": "QIAVH7I43KM33OZGFVKB3D7B" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This is our Level 1 signature HydraFacial treatment that includes a deep cleanse and exfoliation.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "GloGetter Hydrafacial: Level 1" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "GloMaster Level 2 HydraFacial treatment" }, "price": { "type": "number", "value": "280" }, "duration": { "type": "text", "value": "65" }, "serviceId": { "type": "text", "value": "YY6S7WG54IVFEJFGB4PQHNTW" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This is our level 2 Hydrafacial treatment enhanced with a personalized booster to address your specific skin concerns, LED red light therapy, and our signature gel mask.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "GloMaster Hydrafacial: Level 2" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "GloPro Level 3 HydraFacial treatment" }, "price": { "type": "number", "value": "325" }, "duration": { "type": "text", "value": "75" }, "serviceId": { "type": "text", "value": "3ZH2JJ573DXICHZHKCACF5T6" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This is our Level 3 Hydrafacial includes all the benefits of Level 1 and 2 with an added detoxifying lymph drainage to help remove unwanted build up to optimize your skin health.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "GloPro Hydrafacial: Level 3" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Hydrafacial Lift (includes Microcurrent)" }, "price": { "type": "number", "value": "325" }, "duration": { "type": "text", "value": "100" }, "serviceId": { "type": "text", "value": "TFCQWLEUUFHVE2QDIVBQOKG2" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Combining two great modalities Hydrafacial GloMaster + Microcurrent technology helps to exfoliate, boost hydration and stimulate facial muscles to achieve a non-invasive facelift.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Hydrafacial Lift" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Hydrafacial + DMK combo" }, "price": { "type": "number", "value": "375" }, "duration": { "type": "text", "value": "100" }, "serviceId": { "type": "text", "value": "FVXYSXIX3TYRYSPIFUG3ZAFZ" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "The perfect combo for clients wanting a complete deep pore cleanse upgraded with deep internal skin nourishment with our innovative enzyme mask for true circulation and lymphatic drainage. This treatment is great for someone who is trying to get immediate results with little to no downtime.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Hydrafacial + Endosphères combo (new!)" }, "price": { "type": "number", "value": "325" }, "duration": { "type": "text", "value": "80" }, "serviceId": { "type": "text", "value": "ZKMHZO6BFP6K3FRM6C75TDAG" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This combo works beautifully together to combat aging, sagging, dull skin. Starting with our endospheres facial device, we will focus on massaging the muscles and targeting sagging areas while Hydrafacial will focus more on the surface layer of the skin (decongesting & serum infusion) This treatment also includes our LED therapy while you mask", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Hydrafacial + Facial Endospheres (combo)" } } } ] }, "parameters": { "link": { "type": "text", "value": "/hydrafacial/" }, "name": { "type": "text", "value": "HYDRAFACIAL™" }, "linkText": { "type": "text", "value": "Learn more about HYDRAFACIAL™" }, "rteHighlights": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "tag": "h3", "type": "heading", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "What Makes Our Hydrafacial Treatments Unique?", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "tag": "ul", "type": "list", "start": 1, "format": "", "indent": 0, "version": 1, "children": [ { "type": "listitem", "value": 1, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Cleanse and Peel:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " We remove dull and lifeless skin cells to reveal new skin.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 2, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Extract and Hydrate:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " Using a gentle peel, we loosen dirt and debris from clogged pores and hydrate the skin with personalized serums.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 3, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "LED Therapy:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " During your mask treatment, LED therapy can reduce inflammation, brighten skin, and stimulate collagen and elastin production.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 4, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Fuse and Protect:", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": " We saturate the skin's surface with antioxidants and peptides to maximize your glow. Choose a personalized regime of products to protect and maintain your results.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "listType": "bullet", "direction": "ltr" } ], "direction": "ltr" } } }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Known for delivering immediate results for a variety of skin conditions - the LED HydraFacial is a must-try for people who are looking to achieve the best skin of their life! Perfect before an event or special occasion. Hydrafacial is safe for everyone to use, it’s non-irritating, non-invasive and there is no downtime! Get your glow on!", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ link, name, linkText, rteDescription }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "link": "/dmk", "name": "DMK Treatments", "linkText": "Learn more about DMK", "rteDescription": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "DMK’s revolutionary concept of Remove, Rebuild, Protect, Maintain aims to match an individual’s biochemistry with the appropriate skin therapy. Botanical-based paramedical products make up the DMK skin care program.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Level 1 DMK Facial Treatment" }, "price": { "type": "number", "value": "215" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511495702/menu/dmk/_MG_1792-compressor.jpg", "ratio": "", "width": "1200", "format": "jpg", "height": "800", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511495702, "publicId": "menu/dmk/_MG_1792-compressor", "createdAt": "2017-11-24T03:55:02Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/_MG_1792-compressor.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511495698/menu/dmk/_MG_1819-compressor.jpg", "ratio": "", "width": "1200", "format": "jpg", "height": "800", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511495698, "publicId": "menu/dmk/_MG_1819-compressor", "createdAt": "2017-11-24T03:54:58Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/_MG_1819-compressor.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511495695/menu/dmk/_MG_1734-compressor.jpg", "ratio": "", "width": "1200", "format": "jpg", "height": "800", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511495695, "publicId": "menu/dmk/_MG_1734-compressor", "createdAt": "2017-11-24T03:54:56Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/_MG_1734-compressor.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "90" }, "serviceId": { "type": "text", "value": "NN5N4CQZRYIGLKTERMUPPVZH" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Restores skin to its peak condition. This signature DMK enzyme treatment works within the skin. The enzymes aim to strengthen the structural integrity of the skin to create a healthy environment for cells to live and thrive in. Designed to address various skin concerns such as congestion, acne, hyperpigmentation, lines and wrinkles, dryness. Includes exfoliant, pretreatment, enzyme mask, post-treatment, and Red LED light therapy.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Level 1 DMK Facial" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Level 2 DMK Facial Treatment" }, "price": { "type": "number", "value": "255" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511495908/menu/dmk/IMG_1751.jpg", "ratio": "", "width": "3023", "format": "jpg", "height": "3023", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511495908, "publicId": "menu/dmk/IMG_1751", "createdAt": "2017-11-24T03:58:28Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/IMG_1751.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511492682/menu/dmk/Muscle_Banding_credit_ipspskin.jpg", "ratio": "", "width": "538", "format": "jpg", "height": "538", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511492682, "publicId": "menu/dmk/Muscle_Banding_credit_ipspskin", "createdAt": "2017-11-24T03:04:43Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/Muscle_Banding_credit_ipspskin.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511492682/menu/dmk/Enzyme_2_3_over_1.jpg", "ratio": "", "width": "640", "format": "jpg", "height": "362", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511492682, "publicId": "menu/dmk/Enzyme_2_3_over_1", "createdAt": "2017-11-24T03:04:42Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/Enzyme_2_3_over_1.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "100-120" }, "serviceId": { "type": "text", "value": "4ZCTTUY5FU6CKHJ4OQHJWL3G" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Signature DMK enzyme treatment with extraction + advanced method of exfoliation like microdermabrasion, chemical peel chosen towards your skin concern in combination with Red LED treatment shows excellent results for congestion, acne, deep-rooted hyperpigmentation.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Level 2 DMK Facial" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Level 3 DMK Facial Treatment" }, "price": { "type": "number", "value": "275" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511492682/menu/dmk/alkaline_wash_credit_skinlab_byskinandwax.jpg", "ratio": "", "width": "640", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511492682, "publicId": "menu/dmk/alkaline_wash_credit_skinlab_byskinandwax", "createdAt": "2017-11-24T03:04:42Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/alkaline_wash_credit_skinlab_byskinandwax.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511498578/menu/dmk/IMG_3309.jpg", "ratio": "", "width": "3024", "format": "jpg", "height": "3024", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511498578, "publicId": "menu/dmk/IMG_3309", "createdAt": "2017-11-24T04:42:59Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/IMG_3309.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "120" }, "serviceId": { "type": "text", "value": "C3JGFNFHL362PCIAVWKSYFGC" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Next level treatment, such as Alkaline wash as a chemical peel, spot treatment for RP, liquid laser, Follicuzyme®, evacuderm.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Level 3 DMK Facial" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Level 4 DMK Facial Treatment" }, "price": { "type": "number", "value": "325" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1511495909/menu/dmk/IMG_0319.jpg", "ratio": "", "width": "2250", "format": "jpg", "height": "3006", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1511495909, "publicId": "menu/dmk/IMG_0319", "createdAt": "2017-11-24T03:58:29Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/dmk/IMG_0319.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "120" }, "serviceId": { "type": "text", "value": "GIFHXE35MTFQP4TYYYH2D3KU" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Superior level of the treatment which helps to get you red carpet ready. Firm up, tighten, and brighten your skin instantly with the DMK special occasion treatment.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Level 4 DMK Facial" } } } ] }, "parameters": { "link": { "type": "text", "value": "/dmk" }, "name": { "type": "text", "value": "DMK Treatments" }, "linkText": { "type": "text", "value": "Learn more about DMK" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "DMK’s revolutionary concept of Remove, Rebuild, Protect, Maintain aims to match an individual’s biochemistry with the appropriate skin therapy. Botanical-based paramedical products make up the DMK skin care program.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ name, images, rteHighlights, rteDescription }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "name": "Targeted special treatments", "images": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213155/meder/Meder-Beauty-Microbiome-Friendly-Skincare.jpg", "uuid": "1aa92e48-75e9-4bfe-be2c-d307c50a04a6", "width": "1200", "format": "jpg", "height": "628", "caption": "", "version": 1687213155, "publicId": "meder/Meder-Beauty-Microbiome-Friendly-Skincare", "createdAt": "2023-06-19T22:19:15Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/Meder-Beauty-Microbiome-Friendly-Skincare.jpg", "resourceType": "image", "transformation": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213247/meder/7SD_Radiant_1024_540x.jpg", "uuid": "cba88604-2271-4776-9a77-125fd8fa4598", "width": "540", "format": "jpg", "height": "540", "caption": "", "version": 1687213247, "publicId": "meder/7SD_Radiant_1024_540x", "createdAt": "2023-06-19T22:20:47Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/7SD_Radiant_1024_540x.jpg", "resourceType": "image", "transformation": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213218/meder/7CN_Circa-Night_Model_1024_540x.jpg", "uuid": "7bfead1c-9d6e-44cc-95d2-5cf9f86b1c1f", "width": "540", "format": "jpg", "height": "540", "caption": "", "version": 1687213218, "publicId": "meder/7CN_Circa-Night_Model_1024_540x", "createdAt": "2023-06-19T22:20:18Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/7CN_Circa-Night_Model_1024_540x.jpg", "resourceType": "image", "transformation": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213199/meder/3SN_Nrj-Soin_1024_540x.jpg", "uuid": "449afaf6-bdd4-4104-8ff0-7fa8bdb09c9b", "width": "540", "format": "jpg", "height": "540", "caption": "", "version": 1687213199, "publicId": "meder/3SN_Nrj-Soin_1024_540x", "createdAt": "2023-06-19T22:19:59Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/3SN_Nrj-Soin_1024_540x.jpg", "resourceType": "image", "transformation": "" } ], "rteHighlights": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Can be a standalone treatment for a quick pick-me-up or a series of 5-10 weekly treatments for more severe problems. A combination of skin treatments and proper home care is necessary for lasting results. ", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "rteDescription": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Skinnovation believes in effective, non-invasive treatments and products. We offer Meder Beauty products, created by dermatologist Dr. Tiina Meder in a Swiss laboratory and backed by scientific research. They're safe for all skin types and stages of life, including pregnancy, breastfeeding, and menopause. ", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Lift and Glow Treatment" }, "price": { "type": "number", "value": "235" }, "images": { "type": "cloudinary-media-selector", "value": [] }, "duration": { "type": "text", "value": "45-60" }, "serviceId": { "type": "text", "value": "Q43GDV32LNYKWIPLD4KNRDVQ" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This wrinkle-corrective treatment is perfect for those with fine lines, wrinkles, or loss of skin elasticity. By using active ingredients, it increases the synthesis of structural proteins in the skin, restoring elasticity and reducing the appearance of wrinkles and lines. The results are firmer, more resilient, brighter, smoother, and more even-toned skin. This treatment is a great option for those with sagging skin, loss of elasticity, fine lines, and wrinkles.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "HydraMatrix treatment" }, "price": { "type": "number", "value": "235" }, "duration": { "type": "text", "value": "45-60" }, "serviceId": { "type": "text", "value": "ZKEVLVAHEZEEWJIU6IEJ6EXS" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Indulge in the HydraMatrix treatment if you have dry, dehydrated, tired-looking, flaky, or sensitized skin. This treatment deeply hydrates by restoring water in multiple layers of the skin. It uses high and low molecular forms of hyaluronic acid to replenish and retain moisture. The treatment provides instant, deep hydration that leaves skin calm and plump, while also improving skin texture and complexion. You can expect smoother fine lines, restored skin elasticity, improved barrier properties, and increased moisture levels, as well as increased resistance to external irritants.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "De-puff and Contour treatment" }, "price": { "type": "number", "value": "235" }, "duration": { "type": "text", "value": "45-60" }, "serviceId": { "type": "text", "value": "35FBUAVU4YXRMTT4RPH2PK4S" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "tag": "h3", "type": "heading", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Do you suffer from puffy or drooping skin, a double chin, or sagging skin?", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Our caffeine-fueled de-puffing treatment reduces excess liquid and facial fat deposits, resulting in a more refined appearance. This treatment provides profound lymphatic drainage and detoxification of the skin. Lipolytic ingredients that break down fat penetrate deeply to reduce puffiness and add contouring.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "As a result, skin appears brighter, firmer, and toned. Cheekbones are more sculpted, and features appear more defined.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Wrinkle Freeze Treatment" }, "price": { "type": "number", "value": "235" }, "duration": { "type": "text", "value": "45-60" }, "serviceId": { "type": "text", "value": "RRE6DZSMAOIJWTZQ67TXIWLL" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Are you bothered by mimic wrinkles like crow's feet, smile lines, lines around the lips, or forehead lines? ", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": "Our non-invasive treatment can help reduce the appearance of these wrinkles and relax your facial muscles. This peptide-powered concentrate targets wrinkles and is an excellent alternative to injections. By reducing muscle tension, your face will look more relaxed and open, giving you a younger and more cheerful appearance.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Results include softened expression lines, improved skin resilience, and reduced mimic wrinkles. Your facial contour tissue will be more toned, and your skin will be brighter and more even overall. This treatment is perfect for clients who are not ready for botox/injectables or want to prolong the effect of an injectable.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Calm and Restore Treatment" }, "price": { "type": "number", "value": "235" }, "duration": { "type": "text", "value": "45-60" }, "serviceId": { "type": "text", "value": "7JMWU5T6L5WC7F5I7IKOMIDS" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "If you have ", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 }, { "mode": "normal", "text": "reactive, red, or rosacea-prone skin or are damaged after laser treatment or experiencing menopausal flush", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 }, { "mode": "normal", "text": ", try our gentle yet effective neurocosmetic treatment. It targets redness and sensitivity by restoring the skin microbiome with pre- and probiotics, and by blocking the skin's pain and heat receptors with plant-based extracts. This treatment has anti-inflammatory and calming effects, suppressing the release of inflammatory mediators and enhancing the regenerative properties of skin cells.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Results include a quick reduction of redness, restored comfort, smoother and moisturized skin, and calmness after invasive treatments or injuries.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } ] }, "parameters": { "name": { "type": "text", "value": "Targeted special treatments" }, "images": { "type": "cloudinary-image-list", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213155/meder/Meder-Beauty-Microbiome-Friendly-Skincare.jpg", "uuid": "1aa92e48-75e9-4bfe-be2c-d307c50a04a6", "width": "1200", "format": "jpg", "height": "628", "caption": "", "version": 1687213155, "publicId": "meder/Meder-Beauty-Microbiome-Friendly-Skincare", "createdAt": "2023-06-19T22:19:15Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/Meder-Beauty-Microbiome-Friendly-Skincare.jpg", "resourceType": "image", "transformation": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213247/meder/7SD_Radiant_1024_540x.jpg", "uuid": "cba88604-2271-4776-9a77-125fd8fa4598", "width": "540", "format": "jpg", "height": "540", "caption": "", "version": 1687213247, "publicId": "meder/7SD_Radiant_1024_540x", "createdAt": "2023-06-19T22:20:47Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/7SD_Radiant_1024_540x.jpg", "resourceType": "image", "transformation": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213218/meder/7CN_Circa-Night_Model_1024_540x.jpg", "uuid": "7bfead1c-9d6e-44cc-95d2-5cf9f86b1c1f", "width": "540", "format": "jpg", "height": "540", "caption": "", "version": 1687213218, "publicId": "meder/7CN_Circa-Night_Model_1024_540x", "createdAt": "2023-06-19T22:20:18Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/7CN_Circa-Night_Model_1024_540x.jpg", "resourceType": "image", "transformation": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1687213199/meder/3SN_Nrj-Soin_1024_540x.jpg", "uuid": "449afaf6-bdd4-4104-8ff0-7fa8bdb09c9b", "width": "540", "format": "jpg", "height": "540", "caption": "", "version": 1687213199, "publicId": "meder/3SN_Nrj-Soin_1024_540x", "createdAt": "2023-06-19T22:19:59Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto,f_auto,w_150/meder/3SN_Nrj-Soin_1024_540x.jpg", "resourceType": "image", "transformation": "" } ] }, "rteHighlights": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Can be a standalone treatment for a quick pick-me-up or a series of 5-10 weekly treatments for more severe problems. A combination of skin treatments and proper home care is necessary for lasting results. ", "type": "text", "style": "", "detail": 0, "format": 1, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Skinnovation believes in effective, non-invasive treatments and products. We offer Meder Beauty products, created by dermatologist Dr. Tiina Meder in a Swiss laboratory and backed by scientific research. They're safe for all skin types and stages of life, including pregnancy, breastfeeding, and menopause. ", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ name, rteDescription }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "name": "Dermaplaning", "rteDescription": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Dermaplaning is a skin treatment that uses an exfoliating blade to skim dead skin cells and hair from your face. It’s also called microplaning or blading.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 }, { "type": "linebreak", "version": 1 }, { "mode": "normal", "text": "You can now add dermaplaning to your favorite facial! Listed below are the facials you can add dermaplaning to:", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Dermaplaning Classic Facial" }, "price": { "type": "number", "value": "195" }, "duration": { "type": "text", "value": "45" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "cleansing, dermaplane, LED light treatment, hydrating/soothing mask and finishes with serums/sunscreen", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Dermaplaning GloGetter" }, "price": { "type": "number", "value": "255" }, "duration": { "type": "text", "value": "75" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "all the benefits of Hydrafacial level 1 along with dermaplane.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Dermaplaning GloMaster" }, "price": { "type": "number", "value": "300" }, "duration": { "type": "text", "value": "80" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "all the benefits of Hydrafacial level 2 along with dermaplane.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Dermaplaning GloPro" }, "price": { "type": "number", "value": "345" }, "duration": { "type": "text", "value": "90" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "all the benefits of Hydrafacial level 3 along with dermaplane.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } ] }, "parameters": { "name": { "type": "text", "value": "Dermaplaning" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Dermaplaning is a skin treatment that uses an exfoliating blade to skim dead skin cells and hair from your face. It’s also called microplaning or blading.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 }, { "type": "linebreak", "version": 1 }, { "mode": "normal", "text": "You can now add dermaplaning to your favorite facial! Listed below are the facials you can add dermaplaning to:", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ link, name, linkText, rteDescription }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "link": "/microcurrent-facelift/", "name": "Microcurrent facial treatment", "linkText": "Learn more about Microcurrent", "rteDescription": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Featuring our top-of-the-line microcurrent CACI machine. Microcurrent in aesthetics is commonly described as “facial toning\" or \"non-surgical face lifting” due to the dramatic lifting effect that microcurrent has on facial muscles and contours.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Full microcurrent facial" }, "price": { "type": "number", "value": "245" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/04-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "642", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/04-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/04-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/05-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/05-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/05-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/07-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/07-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/07-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/09-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/09-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/09-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/10-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "768", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/10-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/10-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/11-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/11-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/11-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "80" }, "serviceId": { "type": "text", "value": "2RLKSMPLJOK6LUBKEIEMKJZG" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This treatment includes cleansing, exfoliation, extractions along with the microcurrent machine to lift and tone the facial muscles and tissue followed by a hydrating mask and led therapy.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Maintenance microcurrent treatment" }, "price": { "type": "number", "value": "195" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/17-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/17-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/17-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/15-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "686", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/15-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/15-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/14-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/14-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/14-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "75" }, "serviceId": { "type": "text", "value": "PBX22MXUY7O4R6PDGYX7BIJ5" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This treatment only includes cleanse, microcurrent treatment mask, and LED.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Microcurrent + DMK" }, "price": { "type": "number", "value": "350" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/04-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "642", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/04-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/04-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/07-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/07-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/07-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/10-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "768", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/10-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/10-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/14-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/14-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/14-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "155" }, "serviceId": { "type": "text", "value": "ACE2C6UHSTM67SIXKV3Y7GF7" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This is a customized treatment using microcurrent and DMK enzyme for the ultimate lift. Recommended for severely sagging skin or prematurely-aging skin.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Microcurrent + DMK facial" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Microcurrent Packages (set of 10 sessions)" }, "images": { "type": "cloudinary-media-selector", "value": [ { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/17-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/17-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/17-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/15-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "686", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/15-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/15-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" }, { "alt": "", "url": "https://res.cloudinary.com/skinnovation/image/upload/v1535911251/menu/microcurrent/11-web.jpg", "ratio": "", "width": "960", "format": "jpg", "height": "640", "widths": "", "caption": "", "options": "c_scale,q_100,w_350", "version": 1535911251, "publicId": "menu/microcurrent/11-web", "createdAt": "2018-09-02T18:00:51Z", "previewUrl": "https://res.cloudinary.com/skinnovation/image/upload/q_auto:low,f_auto,w_150/menu/microcurrent/11-web.jpg", "resourceType": "image", "transformation": "", "globalImageOptions": "" } ] }, "duration": { "type": "text", "value": "75" }, "priceText": { "type": "text", "value": "1750 for the set of 10 sessions" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Microcurrent stimulation delivers tiny electrical impulses that mirror the body’s natural bioelectrical field. The benefits are re-education of the muscles - tighter, stronger facial muscles, increased blood and lymph circulation, enhanced penetration of active ingredients, increased production of collagen and elastin, and increased mitochondrial activity. To achieve the best results series of treatments are recommended.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } ] }, "parameters": { "link": { "type": "text", "value": "/microcurrent-facelift/" }, "name": { "type": "text", "value": "Microcurrent facial treatment" }, "linkText": { "type": "text", "value": "Learn more about Microcurrent" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Featuring our top-of-the-line microcurrent CACI machine. Microcurrent in aesthetics is commonly described as “facial toning\" or \"non-surgical face lifting” due to the dramatic lifting effect that microcurrent has on facial muscles and contours.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ name }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "name": "Signature Skinnovation Facials", "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Deep-Pore Cleanse Treatment" }, "price": { "type": "number", "value": "195" }, "duration": { "type": "text", "value": "60" }, "serviceId": { "type": "text", "value": "Y37ERM2DW3ZREU3TBOQJTIA3" }, "rteHighlights": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This treatment includes:", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "tag": "ul", "type": "list", "start": 1, "format": "", "indent": 0, "version": 1, "children": [ { "type": "listitem", "value": 1, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Cleansing ", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 2, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Exfoliation", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 3, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Mask", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 4, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "LED light therapy", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 5, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Extractions using ultrasonic machine and manual", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" }, { "type": "listitem", "value": 6, "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Finishing Serums", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "listType": "bullet", "direction": "ltr" } ], "direction": "ltr" } } }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Our Deep Pore Cleanse Treatment is designed to provide a nourishing experience for your skin. Using specialized techniques and high-quality products, this treatment effectively targets and cleanses deep-seated impurities from your pores. As a result, your skin will feel refreshed and hydrated, with a noticeably improvement in texture and appearance.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Foundational Personalized facial" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Endosphères facial treatment" }, "price": { "type": "number", "value": "190" }, "duration": { "type": "text", "value": "60" }, "serviceId": { "type": "text", "value": "Endosphères facial treatment" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "Our incredible endospheres machine works for the face too. The smaller handheld device delivers lymphatic drainage while massaging the muscles and stimulating collagen production. This facial service is great for reducing puffiness and lifting/contouring facial tissue. This treatment also includes a hydrating jelly mask paired with our professional-grade LED light. Experience this rejuvenating facial service with any of our trained estheticians.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Endosphères facial" } } } ] }, "parameters": { "name": { "type": "text", "value": "Signature Skinnovation Facials" } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
Unknown Component
Received request from Uniform to render a component with the public ID: menuCategory.
<UniformComposition /> does not have menuCategory mapped to a React component yet.
To teach your app how to render this component:
- Create a React component and register it with Uniform, for example
function MenuCategory({ name, highlights, rteDescription }) { return ( <div> MenuCategory! <UniformSlot name="menuItems" /> </div> ) } registerUniformComponent({ type: "menuCategory", component: MenuCategory })Props that your React component will receive
{ "name": "Body treatments", "highlights": "", "rteDescription": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "We are now offering multiple body treatments - Endosphères Therapy and LED Bed:", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } }, "component": { "type": "menuCategory", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Baby Feet Treatment (new!)" }, "price": { "type": "number", "value": "65" }, "duration": { "type": "text", "value": "30" }, "serviceId": { "type": "text", "value": "FXBQ2FNMXB6PACAN3ARBPHOP" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "An advanced foot peel that takes less than 30 minutes! This amazing treatment will have your feet feeling baby soft. Rids calloused, cracked, dry feet. The peel is left on for 15 mins then removed with a relaxing hot towel. Heels and other rough calloused areas are then exfoliated revealing smooth beautiful skin! What makes this treatment unlike any other foot peel is there is zero downtime...a great stand alone or add on to any service!", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Baby Feet" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Back Treatment (new!)" }, "price": { "type": "number", "value": "210" }, "duration": { "type": "text", "value": "60" }, "serviceId": { "type": "text", "value": "CMYCK4ACF662HA2MKSXE7Y7Y" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "This is an advanced skin revision for your back. Whether it's sun damage, \"bacne\" (back acne), or aging skin… let us treat you to one of our relaxing yet innovative back treatments. 1 hr treatment includes cleanse, exfoliation, extractions, enzyme mask therapy + LED, and finishing products.", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } }, "serviceShortTitle": { "type": "text", "value": "Back Treatment" } } }, { "type": "menuItemGroup", "slots": { "menuItems": [ { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "Special Pricing (single session)" }, "price": { "type": "number", "value": "100" }, "duration": { "type": "text", "value": "45" }, "serviceId": { "type": "text", "value": "DZN3NQWM67PM4CIE6Q52A4BV" }, "serviceShortTitle": { "type": "text", "value": "LED Bed Treatment" } } }, { "type": "menuItem", "parameters": { "name": { "type": "text", "value": "10 Session bundle" }, "price": { "type": "number", "value": "800" }, "duration": { "type": "text", "value": "55" } } } ] }, "parameters": { "link": { "type": "text", "value": "/treatments/ledbed" }, "name": { "type": "text", "value": "LED Bed Treatment" }, "linkText": { "type": "text", "value": "Learn more about LED Bed Treatment" }, "description": { "type": "text", "value": "The First LED Bed to gain over-the-counter FDA Clearance. FDA Cleared to temporarily relieve muscle, joint, and arthritic pain and increase local blood circulation. 18,240 LEDs designed to rejuvenate, repair and energize every cell in the body. Natural and non-invasive treatment. LightStim MultiWave® Patented Technology." } } } ] }, "parameters": { "name": { "type": "text", "value": "Body treatments" }, "highlights": { "type": "text", "value": "" }, "rteDescription": { "type": "richText", "value": { "root": { "type": "root", "format": "", "indent": 0, "version": 1, "children": [ { "type": "paragraph", "format": "", "indent": 0, "version": 1, "children": [ { "mode": "normal", "text": "We are now offering multiple body treatments - Endosphères Therapy and LED Bed:", "type": "text", "style": "", "detail": 0, "format": 0, "version": 1 } ], "direction": "ltr" } ], "direction": "ltr" } } } } } } - Import the component into the file where
<UniformComposition />is defined, for exampleimport "../components/MenuCategory.tsx"
Need more help? Check out the documentation.
